﻿<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="home/commons/include :: common_header('酒店主页')"/>
    <script src="../../static/js/jquery.min.js"></script>
</head>
<style>
    .banners-pc {
        height: 720px;
        display: block;
    }

    .banners-mb {
        display: none;
        clear: both;
        height: 720px;
    }

    .banners-mb div {
        height: 100%;
    }

    .banners-mb {
        display: none;
    }

    @media (max-width: 1024px) {
        .banners-pc {
            display: none;
        }

        .banners-mb {
            margin-top: 60px;
            display: block;
        }
    }

    .hotel_list {
        margin-top: 60px;
    }

    .hotel_list .list {
        width: 100%;
    }

    .hotel_list .list li {
        display: inline-block;
        float: left;
        box-sizing: border-box;
        width: 25%;
    }

    .hotel_list .list li:nth-child(4n+1) {
        clear: both;
    }

    .hotel_list .list li img {
        max-width: 100%;
    }

    .hotel_xq .g_cw .list_a li a:hover {
        color: #999;
        border-top: solid #90704D 2px;
        border-bottom: solid #90704D 2px;
        color: #90704D;
    }

    .news .left .bt h3 {
        text-align: center;
        font-size: 22px;
        color: #999;
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        float: left;
    }

    .news .left .bt a {
        padding: 30px 0;
        display: block;
        border-bottom: solid #e6e6e6 1px;
    }

    .news .left .bt .on {
        background: #90704D;
        color: #fff;
    }

    .news .left .bt h3:hover a {
        background: #90704D;
        color: #fff;
    }
    .g_cw_a ul{
        child-align: auto;
    }
</style>

<body>


<div th:include="home/commons/include :: index-header(0)"/>

<div class="banners-pc">
    <div class="frame"
         style="background: url(images/banner.jpg)no-repeat center center; background-size:cover; width:100%;"></div>

    <div class="frame"
         style="background: url(images/banner.jpg)no-repeat center center; background-size:cover; width:100%;"></div>
</div>

<div class="banners-mb" zoom-width="1024" zoom-heigh="720">


    <div class="frame"
         style="background:url(images/banner.jpg) no-repeat center center; background-size:cover; width:100%;"></div>

    <div class="frame"
         style="background:url(images/banner.jpg) no-repeat center center; background-size:cover; width:100%;"></div>


</div>


<script>
    (function () {
        $('.banners-pc, .banners-mb').slick({
            arrows: true,
            dots: true,
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 4000,
            speed: 500
        });
    })();
    $(document).ready(function () {
        $('#jump').click(function () {
           window.location.href="about";
        });
    });
</script>


<div class="service  g_mb clearfix">
    <div class="g_cw_a">
        <ul class="list">
            <li class="a">
                <a th:href="@{/home/index/room}" target="_blank">
                    <img class="se_ct_a" src="images/jd_a.svg">
                    <img class="se_ct_b" src="images/jd_b.svg">
                    <p>商务住宿</p>
                </a>
            </li>
            <li class="b">
                <a th:href="@{/home/index/room}" target="_blank">
                    <img class="se_ct_a" src="images/gb_a.svg">
                    <img class="se_ct_b" src="images/gb_b.svg">
                    <p>贵宾套房</p>
                </a>
            </li>
            <li class="c">
                <a th:href="@{/home/index/restaurant}" target="_blank">
                    <img class="se_ct_a" src="images/cy_a.svg">
                    <img class="se_ct_b" src="images/cy_b.svg">
                    <p>酒吧餐饮</p>
                </a>
            </li>
            <li>
                <a th:href="@{/home/index/room}" target="_blank">
                    <img class="se_ct_a" src="images/hy_a.svg">
                    <img class="se_ct_b" src="images/hy_b.svg">
                    <p>会议房间</p>
                </a>
            </li>
            <li>
                <a th:href="@{/home/index/news}" target="_blank">
                    <img class="se_ct_a" src="images/xx_a.svg">
                    <img class="se_ct_b" src="images/xx_b.svg">
                    <p>时讯新闻</p>
                </a>
            </li>
            <li>
                <a class="en" th:href="@{/home/index/contact}" target="_blank">
                    <img class="se_ct_a" src="images/dw_a.svg">
                    <img class="se_ct_b" src="images/dw_b.svg">
                    <p>联系我们</p>
                </a>
            </li>
        </ul>
    </div>
</div>


<div class="about g_mt g_mb clearfix">
    <div class="g_cw">
        <div class="g_title">
            <h3>酒店概况 / </h3>
            <h4>HOTEL OVERVIEW</h4>
        </div>
    </div>
    <div class="about_bj g_mb">
        <div class="g_cw" th:if="${about!=null}">
            <div class="left">
                <h3 class="l1" th:text="${about.total}"></h3>
                <p class="xh"></p>
                <p class="l2" th:text="${about.content}"></p>
                <button id="jump" type="button"><a th:href="@{/home/index/about}">进一步了解</a></button>
            </div>
            <div class="right">
                <img width="440" height="560" th:src="${about.pic}">
            </div>
        </div>
    </div>
    <!--<div class="js g_cw">-->
        <!--<div class="js_xq">-->
            <!--<ul class="list">-->
                <!--<li>-->
                    <!--<a>-->
                        <!--<div class="tb_bj_a">-->
                            <!--<img class="pic" src="images/ab_dw_b.svg">-->
                        <!--</div>-->
                        <!--<div class="tb_bj_b">-->
                            <!--<img class="pic" src="images/ab_dw_a.svg">-->
                        <!--</div>-->
                        <!--<h3 class="l1">地理位置优越</h3>-->
                        <!--<p class="l2">酒店位于市中心CBD商圈区域，交通便利出行方便，四周临近银行、大型商场、地铁、医院等</p>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a>-->
                        <!--<div class="tb_bj_a">-->
                            <!--<img class="" src="images/ab_zx_b.svg">-->
                        <!--</div>-->
                        <!--<div class="tb_bj_b">-->
                            <!--<img class="" src="images/ab_zx_a.svg">-->
                        <!--</div>-->
                        <!--<h3 class="l1">室内豪华装修</h3>-->
                        <!--<p class="l2">酒店位于市中心CBD商圈区域，交通便利出行方便，四周临近银行、大型商场、地铁、医院等</p>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a>-->
                        <!--<div class="tb_bj_a">-->
                            <!--<img class="" src="images/ab_aq_b.svg">-->
                        <!--</div>-->
                        <!--<div class="tb_bj_b">-->
                            <!--<img class="" src="images/ab_aq_a.svg">-->
                        <!--</div>-->
                        <!--<h3 class="l1">高级安全系数</h3>-->
                        <!--<p class="l2">酒店位于市中心CBD商圈区域，交通便利出行方便，四周临近银行、大型商场、地铁、医院等</p>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a>-->
                        <!--<div class="tb_bj_a">-->
                            <!--<img class="" src="images/ab_hj_b.svg">-->
                        <!--</div>-->
                        <!--<div class="tb_bj_b">-->
                            <!--<img class="" src="images/ab_hj_a.svg">-->
                        <!--</div>-->
                        <!--<h3 class="l1">住宿环境良好</h3>-->
                        <!--<p class="l2">酒店位于市中心CBD商圈区域，交通便利出行方便，四周临近银行、大型商场、地铁、医院等</p>-->
                    <!--</a>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</div>-->
    <!--</div>-->
</div>


<div class="hotel_xq g_mt g_mb clearfix">
    <div class="g_cw">
        <div class="g_title">
            <h3>酒店房间</h3>
            <h4>HOTEL ROOM</h4>
        </div>
        <ul class="list_a">
            <li th:each="item : ${roomTypes}">
                <a th:href="@{/home/index/room(id=${item.id})}" th:rowid="${item.id}">
                    [[${item.type}]]
                </a>
            </li>
        </ul>
    </div>

    <div class="hotel_list">
        <div class="right">
            <ul class="list">
                <li th:each=" item : ${rooms}">
                    <a class="box" th:href="@{/home/index/room_detail(id=${item.id})}" target="_blank">
                        <div class="ct"><img th:src="${item.headpic}?:'/img/fangjian.jpg'" width="475px" height="317"/></div>
                        <div class="tb">
                            <img class="tb_a" th:src="@{/index/images/rm_tb.png}">
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

</div>


<!--新闻资讯-->
<div class="news g_mt g_mb clearfix">
    <div class="g_cw">
        <div class="g_title g_mt">
            <h3>新闻资讯</h3>
            <h4>NEWS CENTER</h4>
        </div>
        <div class="left">
            <div class="bt">
                <h3 align="center"><a th:href="@{/home/index/news}" class="">公司新闻</a></h3>
                <h3 align="center"><a th:href="@{/home/index/about}" class="">关于我们</a></h3>
            </div>
            <ul class="list">
                <li th:each="item : ${newsList}">
                    <a th:href="@{/home/index/news_detail(id=${item.id})}" target="_blank">
                        <div class="rq">
                            <h4 class="t1" th:text="${#dates.format(item.ctime,'dd')}"></h4>
                            <p class="t2" th:text="${#dates.format(item.ctime,'yyyy/MM')}"></p>
                        </div>
                        <div class="ne_jj">
                            <h3 class="l1" th:text="${item.total}"></h3>
                            <p class="l2" th:text="${item.content}"></p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="right">
            <div class="ne_ct_a">
                <img class="" width="480" height="602" th:src="${news.newsPic}">
            </div>
        </div>
    </div>
</div>
<div th:include="home/commons/include :: index-foot"/>
</body>
</html>

